<template>
  <view>
    <nav-header title="群聊设置" custom-nav></nav-header>
    <view class="container">
      <view class="item">
        <view class="item-info">群名显示认证信息:<text class="info">查看效果</text></view>
        <uni-data-select
          v-model="value1"
          :clear="false"
          :localdata="options"
          @change="change"
          class="data-select"
        ></uni-data-select>
      </view>

      <view class="item">
             <view class="item-info">员工在群聊中显示认证:<text class="info">查看效果</text></view>
             <uni-data-select
               v-model="value2"
               :clear="false"
               :localdata="options"
               @change="change"
               class="data-select"
             ></uni-data-select>
           </view>

        <view class="item">
              <view class="item-info">工作号未加好友时显示商友圈: <text class="info">查看效果</text></view>
              <uni-data-select
                v-model="value3"
                :clear="false"
                :localdata="options"
                @change="change"
                class="data-select"
              ></uni-data-select>
            </view>


      <view class="item">
              <view class="item-info">允许员工通过工作号发布商友圈:<text class="info">查看效果</text></view>
              <uni-data-select
                v-model="value4"
                :clear="false"
                :localdata="options"
                @change="change"
                class="data-select"
              ></uni-data-select>
            </view>

     <view class="item">
            <view class="item-info">进入企业是启动首图加载显示:<text class="info">查看效果</text></view>
            <uni-data-select
              v-model="value5"
              :clear="false"
              :localdata="options"
              @change="change"
              class="data-select"
            ></uni-data-select>
          </view>
 	<up-upload
 		:fileList="fileList1"
 		@afterRead="afterRead"
 		@delete="deletePic"
 		name="1"
 		multiple
 		:maxCount="10"
 	></up-upload>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue';

// 定义假数据
const options = [
  { value: '0', text: '是' },
  { value: '1', text: '否' }
];

// 定义每个下拉框的初始值
const value1 = ref('');
const value2 = ref('');
const value3 = ref('');
const value4 = ref('');
const value5 = ref('');

// 处理 change 事件
const change = (value) => {
  console.log('Selected value:', value);
};
</script>

<style>
	.container{
		margin: 20rpx;
	}
	.item{
		margin-bottom: 30rpx;
	}
	.item-info{
		margin-bottom: 10rpx;
		color: #555555;
	}
	.info{
		margin-left: 10rpx;
		color: #7F7F7F;
	}
	       
</style>
